import React from "react";
import {Link,IndexLink} from "react-router";
import "../../static/css/mobile/footer.css";
import "../../static/css/mobile/font/iconfont.css";

export default class Footer extends React.Component{
	render(){
		var flag = false;
		return (
			<div>
				{this.props.children}
				<ul className="footer-nav">
					<li>
						<IndexLink activeClassName="active" to="/">
							<i className="iconfont icon-tuijian"></i>
							<p>热门</p>
						</IndexLink>
					</li>
					<li>
						<IndexLink activeClassName="active" to="/category">
							<i className="iconfont icon-leimupinleifenleileibie"></i>
							<p className={flag ? 'hello' : 'world'}>分类</p>
						</IndexLink>
					</li>
					<li>
						<IndexLink activeClassName="active" to="/mine">
							<i className="iconfont icon-wode"></i>
							<p>我的</p>
						</IndexLink>
					</li>
				</ul>
			</div>
		)
	}
}